<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>二手房详情</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/secondHandDetails.css">
</head>
<body>
<header class="header-box">
    <div class="header-l">
        <a href="index.html"><img src="img/logo2.png" class="logo2"></a>
        <span>北京</span>
    </div>
    <div class="header-r">
        <a href="my.html"><img src="img/my.jpg"></a>
        <img src="img/xiazai.jpg">
    </div>
</header>
<article>
    <!--轮播图-->
    <div class="userCarousel-box">
        <div id="userCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
            <ul class="carousel-inner" style="margin-bottom: 0">
                <li class="item active">
                    <img src="img/shl-img.png" alt="">
                </li>
                <li class="item">
                    <img src="img/banner.png" alt="">
                </li>
                <li class="item">
                    <img src="img/banner2.png" alt="">
                </li>
                <li class="item">
                    <img src="img/shl-img1.png" alt="">
                </li>
                <li class="item">
                    <img src="img/banner.png" alt="">
                </li>
            </ul>
        </div>
        <div id="userCarouse2" class="carousel" data-ride="carousel" data-interval="2000">
            <ul class="carousel-inner num">
                <li class="item active"><span>1/5</span></li>
                <li class="item"><span>2/5</span></li>
                <li class="item"><span>3/5</span></li>
                <li class="item"><span>4/5</span></li>
                <li class="item"><span>5/5</span></li>
            </ul>
        </div>
    </div>
    <div class="introduce">
        <h4>天鹅湾小区精装两居，满五唯一，业主换房急售</h4>
        <div class="introduce-price"><label>576</label> 万元 (单价：46327元/平)<img src="img/phone.png" alt=""></div>
        <p>挂牌时间2015年6月20日</p>
        <div><a href="">学区房</a><a href="">独家</a><a href="">满五唯一</a></div>
    </div>
    <div class="null"></div>
    <!--房源信息-->
    <ul class="home-source">
        <li>
            <div><span class="h-s-l">户型：</span>3室2厅</div>
            <div><span class="h-s-l">面积：</span>100平</div>
        </li>
        <li>
            <div><span class="h-s-l">楼层：</span>中层楼</div>
            <div><span class="h-s-l">朝向：</span>南西</div>
        </li>
        <li>
            <div><span class="h-s-l">装修：</span>精修</div>
            <div><span class="h-s-l">楼型：</span>塔楼</div>
        </li>
        <li>
            <div><span class="h-s-l">年底：</span>2004年</div>
            <div><span class="h-s-l">区域：</span>西二旗</div>
        </li>
        <li>
            <div><span class="h-s-l">首付：</span>123万</div>
            <div><span class="h-s-l">月供：</span>15683元</div>
        </li>
        <li>
            <div><span class="h-s-l">地铁：</span>离西二旗地铁站800米</div>
        </li>
        <li>
            <div><span class="h-s-l">小区：</span>珠江帝景</div>
        </li>
        <li>
            <div><span class="h-s-l">学校：</span>北京市第二实验小学</div>
        </li>
        <li><a href="">更多房源信息</a></li>
    </ul>
    <div class="null"></div>
    <!--房源特色-->
    <div class="feature">
        <h4 class="feature-title">房源特色</h4>
        <p class="feature-intro">小区环境优雅，虽处闹市中（小区南200米有美廉美超市、西30米有华联商场、星美国际影城、东北角就是大中电器、小区东100米有汇佳幼儿园、昌平实验一小，昆泰国际大酒店</p>
        <p class="more-feature"><a href="">更多特色</a></p>
    </div>
    <div class="null"></div>
    <!--户型分间-->
    <div class="house-type">
        <h4 class="house-type-title">户型分间</h4>
        <ul class="house-type-ul">
            <li>
                <img src="img/shl-img4.png" alt="">
                <div class="house-type-ul-r">
                    <h4>当前格局</h4>
                    <p>分间信息：客厅 25平米 南北通风,美滋滋</p>
                    <div><a href="">南北通透</a><a href="">全明格局</a></div>
                </div>
            </li>
            <li>
                <img src="img/shl-img5.png" alt="">
                <div class="house-type-ul-r">
                    <h4>原始格局</h4>
                    <p>分间信息：客厅 25平米 南北通风,美滋滋</p>
                    <div><a href="">南北通透</a><a href="">全明格局</a></div>
                </div>
            </li>
        </ul>
    </div>
    <div class="null"></div>
    <!--对口学校-->
    <ul class="school">
        <li>对口学校</li>
        <li><span>学校名称 :</span>北京市第二实验小学</li>
        <li><span>升学方式 :</span>直升 派位</li>
        <li><span>对口中学 :</span>团结湖中学</li>
        <li><span>划片小区 :</span>3个划片小区 在售房源150套</li>
        <li><span>学校特色 :</span>包食宿、有校车</li>
        <li><a href="">查看学校详情</a></li>
    </ul>
    <div class="null"></div>
    <!--位置及周边-->
    <div class="location">
        <h4 class="location-title">位置及周边</h4>
        <img src="img/map.png" alt="">
    </div>
    <div class="null"></div>
    <!--推荐房源-->
    <div class="recommend">
        <h4 class="recommend-title">推荐房源</h4>
        <ul class="recommend-ul">
            <li>
                <div class="intro-box">
                    <img src="img/shl-img6.png" alt="">
                    <div class="intro-box-r">
                        <h4>文化部最中间层 一层带各种东西</h4>
                        <p><span class="price-l">2室1厅 96㎡ 南北</span><span class="price-r"><label>1105</label>万</span></p>
                        <p class="address">红庙北里 <span><label>14268</label>元/平</span></p>
                        <div><a href="">学区房</a></div>
                    </div>
                </div>
                <div class="recommend-reason">推荐理由：同户型、通风好、采光好</div>
            </li>
            <li>
                <div class="intro-box">
                    <img src="img/shl-img7.png" alt="">
                    <div class="intro-box-r">
                        <h4>光大水墨 精装复式 稀缺</h4>
                        <p><span class="price-l">2室1厅 96㎡ 南北</span><span class="price-r"><label>280</label>万</span></p>
                        <p class="address">光大水墨 <span><label>14268</label>元/平</span></p>
                        <div><a href="">学区房</a></div>
                    </div>
                </div>
                <div class="recommend-reason">推荐理由：同户型、通风好、采光好</div>
            </li>
            <li><a href="">查看更多相似房源</a></li>
        </ul>
    </div>
    <div class="null"></div>
</article>
<footer class="footer-box">
    <div class="footer-position">
        <span>北京找房无忧网</span><img src="img/footer-img1.png"><span>首页</span>
    </div>
    <div class="footer-btm">
        <div class="client-side">
            <div class="client-side-l">
                <img src="img/apple.png" alt="">
                <div class="font">
                    <div>iphone</div>
                    <div>客户端</div>
                </div>
            </div>
            <div class="client-side-r">
                <img src="img/android-logo.png" alt="">
                <div class="font">
                    <div>Android</div>
                    <div>客户端</div>
                </div>
            </div>
        </div>
        <p>北京找房无忧房地产经纪有限公司</p>
        <p>网络经营许可证 京ICP备20160812号-12</p>
    </div>
</footer>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/resize.js"></script>
</body>
</html>